/* 网站公共定义 */

/* 统一html的字体大小 */
html {
  font-size: 62.5%;
}

/* 定义网站的字体默认颜色 */
body {
  color: #333;
  font-family: Arial, "NeeaSimsun-Regular", sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  min-width: 1150px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* 去掉常用标签的默认内外边距 */
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dd, figure {
  margin: 0;
  padding: 0;
}

/* 去掉标题类标签默认的加粗 */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

/* 去掉列表类标签的项目符号 */
ul, ol, li {
  list-style-type: none;
}

/* 网站链接的默认效果 */
a {
  text-decoration: none;
  color: #333;
}

/* 图片响应式 */
img {
  height: auto;
  border: 0;
  max-width: 100%;
}

/* 清除浮动 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* 容器统一宽度 - 修改为响应式 */
.container {
  width: 1150px;
  margin: 0 auto;
  position: relative;
  max-width: 90%;
}

/* 添加媒体查询确保在小屏幕上居中 */
@media (max-width: 1200px) {
  .container {
    width: 95%;
    margin: 0 auto;
  }
}